if($.cookie("token")){
	//已经登录
	$("#account").text($.cookie("account"));
	
	var htmlStr = '<li style="line-height: 46px;">'+
    '<img class="header" onerror="headerError(event)" src="/headers/'+$.cookie("account")+'.jpg"/>'+
    '</li>';
	
	$(htmlStr).appendTo($("#right-list"));
	
}else{
	//未登录
	$li = $("#menu-or-regist");
	$li.removeClass("dropdown");
	$li.html("");
	
	$('<a href="/regist.html"><span class="glyphicon glyphicon-registration-mark"></span>注册</a>')
	.appendTo($li);
}


//点击提问的函数
function questionBtnClick(e){
	e.preventDefault();
	
	if($.cookie("token")){
		//已经登录，跳转提问页面。
		location.href = "/ask.html";
	}else{
		//未登录，跳转登录页面
		location.href = "login.html";
	}
	
}

//退出登录的函数
function logoutBtnClick(e){
	e.preventDefault();
	
	//删除token
	$.removeCookie("token");
	
	//刷新本页
	location.reload();
}


//头像请求失败时的事件函数
function headerError(e){
	
	//当头像加载失败时，使用默认头像。
	e.target.src = "/headers/default/timg.jpg";
}


//请求问题列表
$.get("/allQuestion-api",function(resData){
	var allQuestion = resData.data;
	showQuestion(allQuestion);
});


//把所有问题渲染到显示问题的div中
function showQuestion(questionArray){
	$("#question-list").html("");
	
	//创建一个空字符串，用于拼接需要添加的html
	var htmlStr = "";
	
	//遍历数组，为每一个问题创建div
	questionArray.forEach(function(obj,index){
		htmlStr += '<div class="question-box">';
		htmlStr += '<div class="question-info bg-success">';
		htmlStr += '<img onerror="headerError(event)" src="headers/'+obj.account+'.jpg" class="header"/>';
		htmlStr += '<span><b>提问者:'+obj.account+'</b>&emsp;ip:'+obj.ip+'</span>';
		
		if($.cookie("account") == obj.account){
		htmlStr += '<button question-id="'+obj.id+'" class="btn btn-success position-right" onclick="deleteBtnClick(event)">删除提问</button>'
		}
		
		htmlStr += '<br/><br/>';
		htmlStr += '<p class="paragraph-text">'+obj.question+'</p>';
		htmlStr += '<button question-id="'+obj.id+'" onclick="answerBtnClick(event)" class="btn btn-success position-right">我来回答</button>';
		htmlStr += '<div class="clear"></div>';
		htmlStr += '</div>';
		//这里需要添加回答
		if(obj.answers.length>0){
			htmlStr += '<div class="answer-list bg-warning">';
			htmlStr += '<ul class="answer-ul">';
			//为每一个回答创建一个li
			obj.answers.forEach(function(ans){
				htmlStr += '<li><br/>';
				htmlStr += '<p class="paragraph-text">'+ans.content+'</p>';
				htmlStr += '<span class="position-right">';
				htmlStr += '<b>回答者:'+ans.account+'</b>&emsp;ip:'+ans.ip;
				htmlStr += '<img onerror="headerError(event)" src="headers/'+ans.account+'.jpg" class="header"/>';
				htmlStr += '</span>';
				htmlStr += '<div class="clear"><br/>';
				htmlStr += '</li>';
			});
			htmlStr += '</ul>';
			htmlStr += '</div>';
		}

		
		htmlStr += '</div>';
	});
	
	$(htmlStr).appendTo($("#question-list"));
}


//点击 我来回答 按钮执行的函数。
function answerBtnClick(e){
	
	if(e.target.textContent == "我来回答"){
		var a = $("<textarea class='form-control'></textarea>").insertBefore($(e.target));
		e.target.textContent = "提交";
	}else{
		//console.dir($(e.target).prev().val());
		//console.log($(e.target).attr("question-id"));
		
		var answer = $(e.target).prev().val();
		if (!answer){
			alert("回答不能为空");
			return;
		}
		
		var id = $(e.target).attr("question-id");
		var data = "id="+id+"&content="+answer;
		
		$.post("/answer-api",data,function(resData){
			alert(resData.msg);
			if(resData.err == 0){
				//如果回答成功，重新请求所有问题。
				$.get("/allQuestion-api",function(resData){
					var allQuestion = resData.data;
					showQuestion(allQuestion);
				});
			}
		});
		
	}
}

//点击删除按钮的函数
function deleteBtnClick(e){
	var id = $(e.target).attr("question-id");
		var data = "id="+id;
		
		$.post("/delete-api",data,function(resData){
			alert(resData.msg);
			if(resData.err == 0){
				//如果回答成功，重新请求所有问题。
				$.get("/allQuestion-api",function(resData){
					var allQuestion = resData.data;
					showQuestion(allQuestion);
				});
			}
		});
}
